@charset "utf-8";
 /*  
*@description: 首页 
*@author: name 林异频  
* @update: name (2015-08-22 18:32)更新 */
/**************index_top**************/
.index_top{ clear: both; overflow: hidden;font-size: 14px; text-align: center;}
.index_top big{ clear: both; overflow: hidden; font-size: 24px; color: #000; display: block; padding: 25px 0 10px;}
.index_top p{ clear: both; overflow: hidden; background: url(../images/index_top.png) repeat-x bottom;  height: 3px;}
.index_top p em{ height: 3px; width: 90px; display: block; background: #3679b8; margin: 0 auto;}
.index_top span{ display: block; clear: both; overflow:hidden; text-transform:uppercase; color: #595959;font-family: arial; padding: 10px 0;}
/**************index**************/
.index{ clear: both; overflow: hidden; padding: 15px 0;}
.index li{float: left; width: 20%; overflow: hidden; text-align: center;}
.index li a.rounded{ width: 158px; height: 158px; margin: 0 auto; display: block;border-radius: 50%; background:#aeaeae;}
.index li p{font-size: 18px; clear: both; overflow: hidden; padding: 10px 20px 0;}
.index li:hover a.rounded{ background: #3779b8;}

.index1{ background: #4e4e4e; clear:both; overflow: hidden;}
.index1 .index_top big{ color: #fff;}
.index1 .index_top p{ background: url(../images/index_top1.png) repeat-x bottom;}
.index1 .index_top span{color: #868686;}
.index1_1{ clear: both;position: relative; padding: 0 0 10px;}
.index1_1 .bd{clear: both; overflow: hidden;height: 280px; width: 100%; margin-top:15px;}

.index1_1 .bd li{float: left; width: 234px; height: 260px; margin: 0 15px; display: inline-block; overflow: hidden; background: #fff;}
.index1_1 .bd li em{ width: 100%; height:130px; overflow: hidden; display: block;}
.index1_1 .bd li .index1_2{ padding:15px; clear: both; overflow: hidden; line-height: 26px;}
.index1_1 .bd li .index1_2 h4{ clear: both; overflow: hidden; height: 26px; font-weight: lighter;}
.index1_1 .bd li .index1_2 h4 a{ color: #000;}
.index1_1 .bd li .index1_2 p{ color: #8d8d8d; clear: both; overflow: hidden; height: 52px;}
.index1_1 .bd li .index1_2 span{ display: block; clear: both; overflow: hidden;}
.index1_1 .bd li .index1_2 span a{ color: #3779b8;}
.index1_1 .prev,.index1_1 .next{display:inline-block; width:34px; height:100%;  z-index:2}
.index1_1 .prev{background:url(../images/index1.png) no-repeat 0 center; float: left; margin-right: 18px;}
.index1_1 .next{background:url(../images/index1.png) no-repeat right center;float: right; margin-left: 18px;}
.index2{ clear: both; overflow: hidden; padding: 15px 0 80px;}
.index2 li{float: left; width: 256px; margin-right: 45px; background: url(../images/index2_1.jpg) no-repeat 0 bottom; padding-bottom: 18px; display: inline-block; overflow: hidden;}
.index2 li.index2_last{ margin-right: 0; float: right;}
.index2 li:nth-child(4n+4){margin-right: 0;}
.index2 li .prol{border: 5px solid #989898; display: block; clear: both; overflow: hidden;position: relative;}
.index2 li .prol:hover{ border-color: #1a7ece;}
.index2 li .prol a{ color:#fff !important;}
.index2 li .proimg_bk{ width: 246px; height: 182px;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.index2 li span{text-align:center;position:static;+position:absolute;top:50%;}
.index2 li span img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:240px; max-height:180px}


.index2 li p{left: 0; bottom: 0; background: url(../images/index2.png) repeat; z-index: 2; text-align: center; line-height: 34px; font-size: 14px; color: #fff; width: 100%;}
.index2 li p span{ display:block;width:245px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.index3{ background: #eee; clear: both; height: 405px;}
.index3 .beijing{ overflow: visible; padding: 0;}
.index3_left{float: left;width:345px; position: relative ;z-index: 1; height: 405px; padding: 21px 21px 0 0;background: url(../images/index3.png) no-repeat 0 0; display: inline-block; margin:-21px 40px 0 0;}
.index3_left1{ background: #525252; clear: both; overflow: hidden; padding: 18px; height:369px;}
.index3_top{border-bottom: 1px solid #bebebe; clear: both; overflow: hidden; padding-bottom: 5px; line-height: 30px; }
.index3_top big{float: left; display:inline-block; margin-right:7px; overflow: hidden; color: #ededed;font-size: 16px;}
.index3_top span{float: left; color: #969696; text-transform: uppercase;}
.index3_1{ clear: both; overflow: hidden; margin-top:15px; height:312px;}
.index3_1 .bd{clear: both; overflow: hidden;height: 312px; width: 100%; line-height: 24px;}
.index3_1 .bd .tempWrap{height: 312px !important}
.index3_1 .bd li{ clear:both; overflow: hidden; margin-bottom: 24px; color: #d6d6d6;}
.index3_1 .bd li big{ display: block; clear: both; overflow: hidden; font-size: 16px; color: #4bafff;}
.index3_right{overflow: hidden;}
.index3_2{ width: 555px; overflow: hidden; height: 405px;}
.index4{ clear: both; overflow: hidden; border-bottom: 1px solid #bebebe; padding-top: 10px; line-height: 40px;}
.index4 a{float: right;}
.index4 big{overflow: hidden; font-size: 16px; color: #000; margin-left: 5px;}
.index4 span{ text-transform: uppercase; color: #969696;}
.index_news{ clear: both; overflow: hidden; padding: 10px 0;}
.index_news li{ clear: both; overflow: hidden; padding: 8px 0;float: left;}
.index_news1{float: left; width:60px; height: 60px; text-align: center; display: inline-block;margin: 3px 15px 3px 0; overflow: hidden; background: #848484; color: #fff;font-family: tahoma;}
.index_news1 big{ display: block; clear: both; overflow: hidden;font-size: 30px; margin-top: 4px; line-height:35px;}
.index_news1 p{ display: block; clear:both; overflow: hidden;filter:alpha(opacity=50); -moz-opacity:0.5;-khtml-opacity:0.5; opacity:0.5; line-height: 18px;}
.index_news2{overflow: hidden;line-height: 22px;}
.index_news2 h4{ height: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: h;}
.index_news2 h4 a{ color: #000;width: 450px;    overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;    display: block;}
.index_news li:hover .index_news1{ color: #fff; background: #3779b8;}
.index_news li:hover h4 a{ color: #1a7ece;}
.index_app{ clear: both; overflow: hidden; padding: 12px 0 10px;}
.index_app li{ clear: both; overflow: hidden; border-bottom: 1px dashed #bcbcbc; line-height: 39px; background: url(../images/index4.png) no-repeat 5px center; padding-left: 20px; font-size: 14px; white-space: nowrap; text-overflow: ellipsis;}
.index_app li a{ float:left;     width: 420px;    overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
.index_app li span{ float:right;}

.about_btn{ float:left; width:130px; height:30px; background:#3779b8; text-align:center; line-height:30px; position:absolute; left:325px; top:200px;}
.about_btn a{ color:#fff; font-size:13px;}


.product{ width:900px; float:left;}
.product_t{ width:900px; float:left; height:33px;}
.product_tt{ width:200px; float:left; height:33px;}
.product_n{ width:900px; float:left; padding-bottom:14px; border:1px #ccc solid; margin-top:5px;}
.product_n1{ float:left; padding-bottom:14px; border:1px #ccc solid; margin-top:5px;}
.product_n ul{}
.product_n li,.product_n1 li{width:206px; height:200px; float:left; margin-left:12px; margin-top:18px; border:2px #c5c5c5 solid;}
.product_n li .proimg_bk,.product_n1 li .proimg_bk{ width:206px; height:170px; position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.product_n li .proimg_bk .proimg,.product_n1 li .proimg_bk .proimg{width:206px;line-height:170px;*line-height:220px;height:170px;*height:220px;text-align:center;position:static;+position:absolute;top:50%}
.product_n li .proimg_bk img,.product_n1 li .proimg_bk img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:201px; max-height:165px}
.product_n li .title,.product_n1 li .title{display: block; font-size:16px; width: 206px;line-height: 30px; font-weight:normal;text-align: center;color: #FFF;height: 30px;overflow: hidden; background:#999}
.product_n li:hover .title,.product_n1 li:hover .title{background:#e86805;}



.pro_zs p{    height: 30px;    line-height: 30px;    background: #7f7f7f;    text-align: center;}

.pro_zs p a{ color:#fff;}


.lanmu{ width:248px; float:left;}
.lanmu_t{ width:248px; float:left; float:left; height:33px;}
.lanmu_n{ width:228px; float:left; padding:10px; background:#fff; border:1px #ccc solid; margin-top:5px;}
.lanmu_n ul{}
.lanmu_n li{ width:228px; float:left;  margin-top:5px;  font-size:14px; text-indent:25px; overflow:hidden}
.lanmu_n li a{ color:#333; background:#ccc; height:40px; line-height:40px; display:block;}
.lanmu_n li a:hover{ color:#fff; background:#e86805}
.lanmu_n li .ys1{ color:#fff; background:#e86805;}
.lanmu_n li ul .ej a{background:#fff; height:30px; line-height:30px; font-size:12px;  margin-top:2px;}
.lanmu_n li ul .ej a:hover{ color:#333; background:#ccc}


.lanmu_nn{ width:265px; float:left; padding:10px; background:#fff; border:1px #ccc solid; margin-top:5px;}
.lanmu_nn ul{}
.lanmu_nn li{ width:265px; float:left; margin-top:5px;  font-size:14px; text-indent:25px;}
.lanmu_nn li a{ color:#333; background:#ccc; height:40px; line-height:40px; display:block;}
.lanmu_nn li a:hover{ color:#fff; background:#e86805}
.lanmu_nn li ul .ej a{background:#fff; height:30px; line-height:30px; font-size:12px;  margin-top:2px;}
.lanmu_nn li ul .ej a:hover{ color:#333; background:#ccc}
.zuozi{ width:188px; float:left; height:33px; background:url(../images/zuozi.png) no-repeat;}
.zuozi_l{ width:96px; float:left; text-align:center; font-size:16px; font-weight:bold; color:#fff; line-height:30px;}
.zuozi_r{ width:92px; float:left; text-align:center; font-size:14px; color:#fff; line-height:30px;}
.more{height:20px; float:right; margin-top:10px;}
.more a{ color:#e86805;}

.box1 {
    width: 100%;
    float: left;
    padding-top: 30px;
    padding-bottom: 30px;
}


.zj {
    width: 1200px;
    margin: 0px auto;
    clear: both;
}

.zuozi {
    width: 188px;
    float: left;
    height: 33px;
    background: url(../images/zuozi.png) no-repeat;
}